const gulp = require('gulp');
const less = require('gulp-less');
const uglify = require('gulp-uglify');

gulp.task('less',function(){
    //通过src指定源文件 
    return gulp.src('src/less/*.less')
    //通过管道把文件传递给 less插件，负责把less编译成css
    .pipe(less())
    //指定输出的目录
    .pipe(gulp.dest('dist/css'))
});

gulp.task('uglify',function(){
    return gulp.src('src/js/*.js')
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'))
});
gulp.task('watch',function(){
    //监听less文件的变化，当less文件发生变化之后执行less任务
    gulp.watch('src/less/*.less',gulp.series('less'));
    //监听js文件变化，当js文件发生变化后要执行uglify任务
    gulp.watch('src/js/*.js',gulp.series('uglify'));
});
//定义一个名为default的任务
//当执行default任务的时候，可以并行执行less和uglify两个子任务
gulp.task('default',gulp.series([
    gulp.parallel(['less','uglify']),
    'watch'
]));
///还可以监听 文件的文件变化，当文件发生变化后重新执行任务

